<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="renderer" content="webkit"> 
    <meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
    <link rel="stylesheet" href="css/my_base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/select.css">
    <link rel="stylesheet" href="css/double-date.css">
    <script src='script/jquery-2.0.3.js'></script>
    <script src='js/double-date.js'></script>
    <script src='script/jquery.htools.select.js'></script>
    <script type="text/javascript" src='script/echart.js'></script>
    <script src='js/index.js'></script>
    <script src='js/chart_currtDate.js'></script>
</head>

<body>
    <div class="main-box">
       <div class="main-box-content main01 main-box-show">
            <div class="nav-sub">
                <div class="nav-sub-active">低压区</div>
                <div>中压区</div>
                <div>高压区</div>
            </div>
            <div class="pump_box clearfix">
                <ul class="fl pump_state border_box pump_for_ico01">
                   <li class="clearfix">
                     <div class="clearfix" id="water">
                         <div class="ico fl"><img src="img/pump_00.png" width="100%" height="100%" alt=""></div>
                         <div class="water_amount fl">
                            <p class="water_percent">61.07%<sub>1#</sub></p>
                            <p class="water_max">水量：<span id="water_value">15M3</span><br>液位：<span id="water_sign">1.83M</span></p>
                         </div>
                         <div class="water_amount fl">
                            <p class="water_percent">50.43%<sub>2#</sub></p>
                            <p class="water_max">水量：<span id="water_value">12M3</span><br>液位：<span id="water_sign">1.52M</span></p>
                         </div>
                      </div>
                    </li>
                    <li class="clearfix">
                        <div class="test clearfix">
                            <div class="ico ico_re fl" "><img src="img/pump_00-09.png " width="100% " height="100% " alt=" "></div>
						<ul class="fl pump_about ">
							<li>1#泵状态：<span id="pump11 ">停止</span></li>
							<li>1#泵温度：<span id="pump12 ">11.5℃</span></li>
							<li>1#泵运行时间：<span id="pump13 ">1980H</span></li>
							<li>1#泵耗电量：<span id="pump14 ">764Kw</span></li>
						</ul>
						</div>
					</li>
					<li class="clearfix ">
						<div class="test clearfix ">
						<div class="ico ico_re fl "><img src="img/pump_00-04.png " width="100% " height="100% " alt=" "></div>
						<ul class="fl pump_about ">
							<li>2#泵状态：<span id="pump21 ">变频</span></li>
							<li>2#泵温度：<span id="pump22 ">11.5℃</span></li>
							<li>2#泵运行时间：<span id="pump23 ">1979H</span></li>
							<li>2#泵耗电量：<span id="pump24 ">775Kw</span></li>
						</ul>
						</div>
					</li>
					<li class="clearfix ">
						<div class="test clearfix ">
						<div class="ico ico_re fl "><img src="img/pump_00-07.png " width="100% " height="100% " alt=" "></div>
						<ul class="fl pump_about ">
							<li>3#泵状态：<span id="pump31 ">停止</span></li>
							<li>3#泵温度：<span id="pump32 ">12.1℃</span></li>
							<li>3#泵运行时间：<span id="pump33 ">1975H</span></li>
							<li>3#泵耗电量：<span id="pump34 ">772Kw</span></li>
						</ul>
						</div>
					</li>
				</ul>
		<div class="fl pump_img border_box" style="position: relative;" id="pumpimage">
			<div class="ico_small clearfix">
				<div id="ico_art"><span>工艺</span></div>
				<div id="ico_3d"><span>三维</span></div>
				<div id="ico_wather"><span>监控</span></div>
			</div>
		</div>
		<ul class="fl pump_state pump_for_ico02 border_box ">
			<li class="clearfix ">
			<div class="test clearfix ">
				<div class="ico fl "><img src="img/pump_icon05.png " width="100% " height="100% " alt=" "></div>
				<div class="water_amount fl press_two ">
					<p><span id="inflow ">0.38Mpa</span><span id="flow ">0.75Mpa</span></p>
					<p><span>进水压力</span><span>出水压力</span></p>
				</div>
				</div>
			</li>
			<li class="clearfix ">
			<div class="test clearfix ">
				<div class="ico ico_re fl "><img src="img/pump_icon05-05.png " width="100% " height="100% " alt=" "></div>
				<ul class="fl pump_about ">
					<li>泵站本月总耗电量：<span id="pump00 ">152kw</span></li>
					<li>低压区总耗电量：<span id="pump00 ">28kw</span></li>
					<li>中压区总耗电量：<span id="pump00 ">32kw </span></li>
					<li>高压区总耗电量：<span id="pump00 ">31kw</span></li>
				</ul>
				</div>
			</li>
			<li class="clearfix ">
			<div class="test clearfix ">
				<div class="ico fl "><img src="img/pump_icon05-06.png " width="100% " height="100% " alt=" "></div>
				<ul class="fl pump_about pump_maintain ">
					<li>本站上次维护时间：<span id="pump00 ">2017-1-15</span></li>
					<li>据下次维护时间：<span id="pump00 ">37天</span></li>
				</ul>
				</div>
			</li>
			<li class="clearfix ">
			<div class="test clearfix ">
				<div class="ico fl "><img src="img/pump_icon05-08.png " width="100% " height="100% " alt=" "></div>
				<ul class="fl pump_about pump_maintain ">
					<li><span id="pump00 ">32kw/kt</span><span>同比较高</span><span class="growth_higher "></span></li>
					<li>本泵站千吨水平均耗电量</li>
				</ul>
				</div>
			</li>
		</ul>
		</div>
		<div class="chart_press_box">
			<div class="chart_press_info">压力变化</div>
			<div id="chart_press_line"></div>
		</div>
	  </div>
	</div>
	
</body>
</html>

